﻿<div class="section" id="sectionProduct">
    <div id="products-container">
        <h1 id="products-header">
            产品列表</h1>
        <table id="products-content">
            <tbody>
                <tr>
                    <td>
                        <img src="@Url.Content("/Content/Images/Default/business-strategy-sheffield-icon.png")" alt="Online Web Strategy Development Icon" />
                        <h3 class="product-name">
                            追风筝的人</h3>
                        @Html.ActionLink("查看详细", "ProductDetail", "PartialView", new { pid = 1 }, new { @class = "btn btn-primary btn-sm custom-btn fancybox.ajax" })
                        <p class="product-description">
                            我们在人生的不同时期都会曾不惜一切去追逐当下最执着的想要得到的事物，它也许只是爸爸的专宠、兄弟的情谊、对那个一直暗恋的王子抑或公主的爱慕。。。所有的一切都有可能成为我们那时心中的风筝，我们奔跑着，一直向前，眼中心里想的都是它。
                        </p>
                    </td>
                    <td>
                        <img src="@Url.Content("/Content/Images/Default/performance-seo-sheffield-1x.png")" alt="Performance SEO Sheffield Icon"/>
                        <h3 class="product-name">
                            麦田里的守望者</h3>
                        @Html.ActionLink("查看详细", "ProductDetail", "PartialView", new { pid = 2 }, new { @class = "btn btn-primary btn-sm custom-btn fancybox.ajax" })
                        <p class="product-description">
                            大学之前我一直自诩好孩子，非常非常不喜欢霍尔顿，或者说，不喜欢他满嘴脏话的样子。相信一些女生也是讨厌这样坏坏的男孩子的，在校园里遇见了，会躲着走。可是现在不同了，现在我一想起他的样子，就会会心一笑，虽然我并没有见过他。
                        </p>
                    </td>
                    <td>
                        <img src="@Url.Content("/Content/Images/Default/bespoke-web-development-1x.png")" alt="Bespoke Web Development Services Icon"/>
                        <h3 class="product-name">
                            基督山伯爵</h3>
                        @Html.ActionLink("查看详细", "ProductDetail", "PartialView", new { pid = 3 }, new { @class = "btn btn-primary btn-sm custom-btn fancybox.ajax" })
                        <p class="product-description">
                            如果流落荒岛的时候你只能带上一本书，你的选择会是什么？ 我会毫不犹豫地选《基督山伯爵》！ 初识唐代斯是高中的一次偶然。某天在同学的座位里面发现一本超厚的书，那时甚至现在我也一直很迷恋那种厚书，总喜欢窝在床上或者坐在自习室里一鼓作气地读完。
                        </p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="@Url.Content("/Content/Images/Default/user-experience-design-1x.png")" alt="User Experience Design Icon"/>
                        <h3 class="product-name">
                            百年孤独</h3>
                        @Html.ActionLink("查看详细", "ProductDetail", "PartialView", new { pid = 4 }, new { @class = "btn btn-primary btn-sm custom-btn fancybox.ajax" })
                        <p class="product-description">
                            家族中的第一人被绑在树上，家族中的最后一人被蚂蚁吃掉。 该用什么样的眼光来看待布恩地亚家族呢？漫长的几代人之中，有手艺灵巧的、有求知旺盛的、有聪明机灵的、有勇敢坚强的、有吃苦耐劳的、有光彩照人的
                        </p>
                    </td>
                    <td>
                        <img src="@Url.Content("/Content/Images/Default/award-winning-web-design-1x.png")" alt="Award Winning Web Design Sheffield Icon"/>
                        <h3 class="product-name">
                            牛虻</h3>
                        @Html.ActionLink("查看详细", "ProductDetail", "PartialView", new { pid = 5 }, new { @class = "btn btn-primary btn-sm custom-btn fancybox.ajax" })
                        <p class="product-description">
                            和刘小枫一样，我从来也不觉得牛虻是一本革命小说，所以每每有人把它和那本炼钢的扯在一起，我都觉得挺搞笑。 第一次看这本书，是初中一次期中考试前夜。
                        </p>
                    </td>
                    <td>
                        <img src="@Url.Content("/Content/Images/Default/professional-copywriting-service-1x.png")" alt="Professional Copywriting Services Sheffield Icon "/>
                        <h3 class="product-name">
                            霍乱时期的爱情</h3>
                        @Html.ActionLink("查看详细", "ProductDetail", "PartialView", new { pid = 6 }, new { @class = "btn btn-primary btn-sm custom-btn fancybox.ajax" })
                        <p class="product-description">
                            他摸索着在黑暗中握住她的手，发现她的手正在等待，她希望把手留在他手中。 告别时，他想吻她的面颊，她拒绝了。 看到他刻意为她从头到脚的全新打扮，她羞红了脸。 分开不久便渴望相见，假装“碰见”，再双双装出吃惊的样子。
                        </p>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
